@charset "gb2312";
*{ margin:0; padding:0; list-style:none;}
body{ font-size:12px; font-family:"microsoft yahei",Arial, Helvetica; background:#232830; -moz-user-select : none;-webkit-user-select: none;}/**防复制**/
table{ border-collapse:collapse; border-spacing:0;}
img { border:none; }
a{color:#333333;text-decoration:none;}
.clear{clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
.fix{*zoom:1;}
.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}
blockquote{ padding-left:2em;}
.round4{-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.mShow, #nav-over{ display:none;}



.top{ border-top:4px solid #e74c3c;}
.thWidth{ margin:0 auto; width:1200px;}
.whiteBg{ background:#fff;}
.head {background: url(topBg.png) no-repeat left top #fff;}
.logo{float: left;padding: 8px 16px;}
.logoRight{float: right; font: bold 16px/30px "微软雅黑",Arial, Helvetica, sans-serif; padding: 33px 12px 0 0; width: 266px;}
.kefuTitle{}
.mobile{}
.logoTitle, .menuMore{display:none}

.nav{ background:#292f38;}
.main{}
.company{}
.companyTitle{background:url("all.png") no-repeat scroll -653px 11px; color: #e74c3c; font: bold 16px/70px "微软雅黑",Arial, Helvetica, sans-serif; letter-spacing: 4px; padding-left: 60px;}
.companyTxt{color: #666; font-size: 14px; letter-spacing: 1px; line-height: 36px; padding: 0 16px 4px 10px;}
.pro{}
.proCate{ float:left; width:262px;}
.leftTitle{background:url("all.png") no-repeat scroll -330px -9px; color: #fff; font: bold 14px/50px "微软雅黑",Arial, Helvetica, sans-serif; padding-left: 20px;}
.proCateList{border: 1px solid #ddd;}
.product{}
.productList{padding:10px 0 0 8px}
.productList li{float: left; margin: 10px 12px 0; text-align: center; width: 272px;}
.productList li img{ width:262px; height:196px; border:1px solid #ccc; padding:4px;}
.productList li a{ display:block;}
.productList li span{ display:block; line-height:26px;}
.youshi{ }
.youshi .thWidth{border-bottom: 3px solid #e74c3c; border-top: 3px solid #e74c3c;text-align:center; padding-top:20px;}
.news{}
.news .thWidth{ padding:16px 0 10px 0;}
.companyNews{ float:left; width:585px;margin-left: 10px;}
.rightTitle{ background:#dadada;}
.rightTitle .rightTxt{background: #323a45; color: #fff; display: inline-block; line-height: 40px; padding: 0 30px;}
.rightTitle .rightTxt2{background: #323a45; color: #fff; display: inline-block; font: bold 14px/50px "微软雅黑",Arial, Helvetica, sans-serif; padding: 0 30px;}
.newsList{ padding:4px 16px 10px 10px; border:1px solid #dadada}
.newsList li{background:url("all.png") no-repeat scroll -673px -83px;  line-height: 36px;   padding-left: 18px; border-bottom:1px dashed #dadada;}
.newsList li a{ font-size:14px; color:#666;}
.newsList li span{ float:right; color:#aaa;}
.techNews{ float:right; width:585px;margin-right: 10px;}
.friendLink{background: #292f38;line-height: 36px; padding:8px;}
.linkTitle{ color:#fff; display:inline-block; padding:0 10px; font-weight:bold;}
.friendLink a{ color:#fff; margin:0 8px;}
.bottom{background:#323a45;padding-top: 20px;}
.bottomLeft{ float:left; padding:10px;}
.bottomMid{float: left; line-height: 30px; padding: 10px; text-align: center; width: 860px;color:#fff;}
.bottomMid a{ color:#fff;}
.bottomRight{ float:right; padding:10px;}
.footIcon, .footNav, .footerContentWap{display:none}

/**导航菜单 beigin**/
#menuUl{}
.home{ float: left; position:relative;}
.home:hover{background:#e74c3c;}
.navParentLi{ float: left; position:relative; z-index:2000;}
.navParentLi:hover{background:#e74c3c;}
.navParentA{width:126px; display:block; font-size:14px; font-weight:bold; text-align:center; line-height:50px; color:#eee;}

.navParentLi ul {display:none; position:absolute; width:126px; z-index:2000;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.navSubLi {border-bottom:1px solid #000; background:#e74c3c; height:35px; text-align:center;}
.navSubLi:hover {background:#f96262;}
.navSubLi a{line-height:35px; color:#fff; font-size:12px;}
/**导航菜单 end**/

/**banner begin**/
.banner{ width:100%;  position:relative;  height:500px; background:#000; overflow:hidden;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:block; height:500px; text-indent:-99999rem;}	
.banner .hd{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center;_background:#000; _filter:alpha(opacity=60);}	
.banner .hd ul{ text-align:center;  padding-top:5px;  }	
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(banner/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; 	}	
.banner .hd ul .on{ background-position:0 0; }

.banner1{background:url("banner/a.jpg") center 0 no-repeat;}
.banner2{background:url("banner/b.jpg") center 0 no-repeat;}
.banner3{background:url("banner/c.jpg") center 0 no-repeat;}
.banner4{background:url("banner/d.jpg") center 0 no-repeat;}
/**banner end**/


/**工程案例 beigin**/
.case{overflow: hidden; position: relative;}
.case .thWidth{padding: 16px 0;}
.caseTitle{ text-align:center;}
.caseTitleTxt{background-color: #2a95e5; display: inline-block; height: 50px; padding: 0 30px; transform: skew(165deg, 0deg); transform:skew(165deg, 0deg); -webkit-transform: skew(165deg, 0deg); -moz-transform: skew(165deg, 0deg); -ms-transform: skew(165deg, 0deg); -o-transform: skew(165deg, 0deg); }
.caseTitletCn{color: #fff; font: 20px/50px ""; padding-right: 10px;}
.caseTitletEn{font-size: 14px;}
.caseTitletEn a{ color:#ddd;}
.case .hd{ overflow:hidden;  height:30px; padding:10px; float:right;}
.case .hd .prev,.case .hd .next{ display:block;  width:5px; height:9px; float:right; margin:10px 10px 0 0; overflow:hidden; cursor:pointer; background:url("arrow.png") no-repeat;}
.case .hd .next{ background-position:0 -50px;  }
.case .hd .prevStop{ background-position:-60px 0; }
.case .hd .nextStop{ background-position:-60px -50px; }
.case .caseList{ height: 230px; overflow: hidden; padding: 10px 0; margin-left:12px;}
.case .caseList ul{ overflow:hidden; zoom:1; }
.case .caseList ul li{ float:left; _display:inline; overflow:hidden; width:278px; margin:0 15px 0 0;}
.case .caseList li img{ width:278px; height:207px;}
.case .caseList li span{ text-align:center; display:block; line-height:36px; font-size:14px;}
.case .caseList li a{ text-align:center; display:block;}
/**工程案例 beigin**/

/**产品分类菜单 beigin**/
.currentCate .cateParentA{background-color:#fff;}
.cateParentA{display: block; font-size: 14px; font-weight: bold; line-height: 44px; text-align: center; background:#f4f4f4; border-bottom:1px solid #fff;}
.cateParentA:hover{background: #fff;}
.cateSubLi, .currentCateSubLi {background:url("all.png") no-repeat scroll -669px -83px; border-bottom: 1px dashed #ddd;line-height: 33px; margin: 6px 0; padding-left: 22px;}
.cateParentLi ul{ padding:0 8px 4px 8px;}
.currentCateSubLi{}
.cateSubLi:hover, .currentCateSubLi:hover{background: url("all.png") no-repeat -669px -111px}
/**产品分类菜单 end**/
.tCate{ position:relative; z-index:1000;}
.tProCate{left: 10px; position: absolute; top: -395px; width: 262px; z-index:1001;filter:alpha(opacity=50); -moz-opacity:0.5;  -khtml-opacity: 0.5; opacity: 0.8; }
.tProCate .cateParentA{ line-height:40px;}


/*内页 begin*/
.mainContent{ padding:10px;}
.nContent{ line-height:28px; padding:8px 5px; border:1px solid #ddd;}
.nContent p{ line-height:28px;}
.left{ float:left; width:262px;}
.right{ float: right; width: 906px; padding-bottom:10px;}


.position{ background:#dadada;}
.position .positionTitle{background: #dd0000; color: #fff; display: inline-block; font: bold 14px/50px "微软雅黑",Arial, Helvetica, sans-serif; padding: 0 30px;}
.position .positionContent{float: right; line-height: 50px; padding: 0 10px;}
.positionContent a{ color:#dd0000;}


.cate{ margin-bottom:10px;}
.nCateList{ border-left:1px solid #ddd; border-right:1px solid #ddd;}
.nCateList li{ border-bottom:1px solid #ddd;}
.nCateList li:hover{}
.nCateList li a{ display:block; line-height: 40px; text-align: center; font-weight:bold; color:#000;}

.nProClassList{ border:1px solid #ddd;}

.hotNews{ margin-top:4px;}
.hotNewsList{ border:1px solid #ddd; padding:4px 6px 10px 6px;}
.nNewsList li, .hotNewsList li{background:url("all.png") no-repeat scroll -673px -83px; border-bottom: 1px dashed #dadada; line-height: 36px; padding-left: 18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nNewsList li a{ font-size:14px; color:#666;}
.nNewsList li span{color: #bbb; float: right; padding-right: 6px;}

.nNewsTitle{border-bottom: 1px solid #ddd; line-height: 60px; padding-bottom: 8px; text-align: center;}
.nNewsInfos{ text-align:right; color:#999; margin-right:10px;}
.nNewsContent{ color: #666; font-size: 14px; line-height: 30px; padding: 8px;}
.bdShare{ float:right;}
.prenext{ margin:8px 4px; padding:4px; border:1px solid #ddd;}
.preArticle{ float:left;}
.nextArticle{ float:right;}
/*内页 end*/

/*内页产品分类 begin*/
.nProBigLi{ padding-top:8px;}
.nProCate{}
.nProBigClass{height: 32px; display:block; line-height:32px; color:#000; text-align:center; font-weight:bold; margin-bottom:4px;}
.nProBigLi li a{ display: block; line-height: 35px; text-align: center; margin:2px 0;}
.nProBigLi li a:hover{ background:#0CF}
/*内页产品分类 end*/

/*内页产品列表 begin*/
.nProList{}
.nProList li{float: left; margin: 10px 9px 0; text-align: center; width: 280px;}
.nProList li img{ width:270px; height:202px; border:1px solid #ccc; padding:4px;}
.nProList li a{ display:block;}
.nProList li span{ display:block; line-height:26px;}


/*内页产品列表 end*/

/*产品说明页面 begin*/
.ProIntro{ margin-bottom:10px;}
.proImage{ float:left; width:308px; border:8px solid #ddd;}
.proImage img{ border:4px solid #fff;}
.proInfo{ float:left; width:480px; margin-left:20px;}
.proTitle{border-bottom: 1px solid #333; line-height: 38px; padding: 4px 8px;}
.proInfos{ text-align:right; text-align:right; padding-right:10px; color:#999;}
.proParameter li{ margin:5px; line-height:35px;}
.proParameter li span{display: inline-block; font-weight: bold; margin-right: 15px; text-align: center; width: 100px;background:#292f38; color:#fff;}
.detailTitle{font:bold 14px/40px Verdana, Geneva, sans-serif;padding-left:5px; border-bottom:1px solid #999;}
.detailTitle span{background: #292f38 none repeat scroll 0 0;color: #fff;display: inline-block; padding: 0 20px; transform:skew(165deg, 0deg);-webkit-transform: skew(165deg, 0deg);-moz-transform: skew(165deg, 0deg);-ms-transform: skew(165deg, 0deg);-o-transform: skew(165deg, 0deg);}
.proIntro{ padding:10px 0; font-size: 14px; line-height: 30px; color:#666;}
/*产品说明页面 end*/

/*内页工程案例列表 begin*/
.nCaseList{}
.nCaseList li{float: left; margin: 10px 9px 0; text-align: center; width: 280px;}
.nCaseList li img{ width:270px; height:202px; border:1px solid #ccc; padding:4px;}
.nCaseList li a{ display:block;}
.nCaseList li span{ display:block; line-height:26px;}


/*内页工程案例列表 end*/
.nAnLiTitle{border-bottom: 1px solid #333; line-height: 38px; padding: 4px 8px; text-align:center;}
.nAnLiInfos{color: #999; padding-right: 10px; text-align: right;}
.nAnLiImageList{ padding-bottom:10px;}
.nAnLiImageList li{border: 1px solid #ddd; float: left; margin: 8px; padding: 12px 10px; text-align: center; width: 240px;}
.nAnLiImageList li a{ display:block;}
.nAnLiImageList li img{ width:240px; height:180px;}
.nAnLiImageList li span{ display:block; height:30px; line-height:30px;}
.nAnLiContent{color: #666; font-size: 14px; padding: 10px 0;}

/* FeedBack beigin */
.feedBack{ padding:10px 0;}
.feedBlock{margin-bottom: 10px; position: relative;}
.fAuthor{left: 0; position: absolute; top: 0; width: 120px;}
.fIcon{ text-align:center;}
.fAvatar{background: url("../avatar.gif") no-repeat scroll center top; height: 67px; width: 120px;}
.fName{font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; overflow: hidden; padding-right: 4px; text-align: center; white-space: nowrap;}
.fInfo{border: 2px solid #ddd; margin-left: 120px; min-height: 70px; padding: 8px; position: relative;}
.fTime{color: #aaa; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding-right:6px; position: absolute; right: 0; text-align: right; top: 10px;}
.fContent{background: url("../postBg.png") no-repeat scroll -270px 12px; border-bottom: 1px solid #ddd; font: bold 14px/40px "楷体"; padding-left: 30px;} 
.fReply{background: url("../postBg.png") no-repeat scroll -270px -80px;}
.fReply p{color: #333; padding-left: 30px; line-height:40px;}

.qipao1{border-color: transparent #ddd transparent transparent; border-style: solid; border-width: 16px; display: block; font-size: 0; left: -33px; line-height: 0; position: absolute; top: 14px;}
.qipao2{border-color: transparent #fff transparent transparent; border-style: solid; border-width: 20px; display: block; font-size: 0; left: -33px; line-height: 0; position: absolute; top: 10px;}
	
.commentbox{padding-top:5px;}
.liuyan li{ line-height:40px; clear:both;}
.liuyan .fontStyle{font: bold 12px/40px "宋体"; color:#1187de; float:left; width:100px; margin-right:10px; text-align:right;}
/* FeedBack end */

/* relative start */
.relativeInfo{}
.relativeProduct{margin:10px 0;}
.relativeProductList{border: 1px solid #dadada; padding: 10px;}
.relativePicList{border: 1px solid #dadada; margin-bottom: 10px;}
.relativePicList li{ width:276px; float:left; margin:8px;}
.relativePicList li a, .relativeCaseList li span{ display:block; text-align:center; line-height:26px;}
.relativePicList li img{ width:266px; height:180px; border:4px solid #dadada;}
.relativePicList li span {white-space: nowrap;overflow: hidden;display: block;padding: 0 4px;text-overflow: ellipsis;}
.relativePicList li:nth-child(n+5){ display:none;}
.relativeTitle{background:#dadada;}
.relativeTitle span{border-bottom: 1px solid #666; font: bold 14px/40px "微软雅黑"; background: #323a45; color: #fff; display: inline-block; line-height: 40px; padding: 0 30px;}

.relativeArticle{ margin:10px 0;}
.relativeArticleList{border: 1px solid #dadada; padding: 10px;}
.relativeArticleList li{background: url("all.png") no-repeat scroll -677px -87px; float: left; margin: 0 10px; padding-left: 10px; width: 335px;}
.relativeArticleList li a{ display:block; line-height:26px;}


.message{ }
.messageList{padding-top: 10px;}
.messageForm{padding-top: 10px;}
.relativeMsgBlock{margin-bottom: 10px; position: relative;}
.relativeMsgLeft{width:90px; float:left;}
.relativeMsgPic{background:url("../avatar.gif") no-repeat scroll center center; height: 64px;}
.relativeMsgName{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-top:5px;color:#196ba7;font-weight:bold;}		
.relativeMsgRight{float:left; padding-bottom:10px;}
.relativeMsgTime{text-align:right;font-family:Arial, Helvetica, sans-serif;color:#ccc;padding:0px 20px 5px 20px;}	
.relativeMsgContent{border: 1px solid #ddd; margin-left: 20px; padding: 8px 0; width:930px; position:relative;}
.relativeMsgBorder{height:55px; width:20px; background:url("../PostBG.png") no-repeat -6px -77px; position:absolute; left:-19px}
.relativeMsgContent p{padding:0px 20px 5px 20px;color:#196ba7;}
.messageTA{ width:800px; height:60px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; line-height: 20px; padding: 3px 5px;}
.messageTA2{ width:600px; height:60px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; line-height: 20px; padding: 3px 5px;}
.messageName{ width:200px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; height: 20px; line-height: 20px; padding: 3px 5px;}
.messageCode{ width:100px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; height: 20px; line-height: 20px; padding: 3px 5px;}
.Cbutton{background-color: #e11; border: 0 none; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; height: 35px; margin: 15px; width: 180px;}
/* relative end */





/** Search beigin **/
.searchForm{background: url("../PostBG.png") no-repeat scroll -46px -140px transparent; height: 30px; width: 220px; margin:15px 0 10px 10px}
#search-text {background: none;  border: medium none; color: #999999; font-size: 12px; height: 28px; line-height: 28px; margin: 0; padding: 0 10px 0 30px; width: 112px}
#search-submit {background: none; border: medium none; color: #ffffff; cursor: pointer; font-size: 12px; height: 26px; margin: 0; padding: 0; width: 42px;}
.searchtip{ text-align:center; font:bold 14px/36px '微软雅黑'; border-bottom:1px solid #690;}
.result_list .gray{ text-align:right; padding-right:10px; color:#666;}
.result_list dl dt{ font:bold 12px/30px '微软雅黑'; padding-left:10px;}
.resultContent{ font:12px/26px '微软雅黑'; padding-left:20px; color:#777;}
.resultInfo{ text-align:right; padding-right:10px; color:#666; border-bottom:1px dashed #999; margin-bottom:8px; line-height:30px;}
.resultInfo a{color:#666; margin-right:15px;}
/** Search end **/

/* 招聘信息 strat */
.recruitList{ border:1px solid #842;}
.recruitTitleBg{ background:#842;}
.recruitList li{ line-height:40px; border-bottom:1px solid #842;}
.recruitTitle{font:bold 14px/40px "宋体"; color:#fff; padding-left:10px; display:block; float:left;}
.recruitTime{ margin-left:15px; color:#fff; float:left;}
.recruitItem{ font:bold 12px/40px "微软雅黑"; color:000; display:block; float:left; width:90px; text-align:right; padding-right:10px; background:#ddd;}
.recruitItemText{ float:left; width:655px; margin-left:10px; line-height:40px;}
.recruitDiscription{float:left; width:655px; margin-left:10px; line-height:30px;}
.recruitHr{ height:1px;}
/* 招聘信息 end */

/** siteMap strat **/
.siteMap{ line-height:30px;}
.siteMapBigLi{ padding-bottom:10px;}
.siteMapBigClass{background:#323a45; display:block; font: bold 12px/30px "微软雅黑"; padding-left: 20px; color:#fff; border-bottom:1px solid #eee;}
.siteMapBigClass:hover{ color:#eee;}
.siteMap ul{ margin-left:40px;}
.siteMap ul li{ border-bottom:1px solid #eee;}
.siteMap ul li a{ padding:0 6px;}
/** siteMap end **/

/*分页 begin*/
.yPage{text-align:center; height:35px; line-height:35px; margin-top:5px; color:#000;}
.yPage a{ color:#f00; margin:0 5px;}
.currentPage{ color:#f00;}
/*分页 end*/

/*service beigin*/
.kefu1Box { width:118px; position:absolute; z-index:9999; top:220px; overflow:hidden;}
.closeBtn a span { display:none;}
.show_btn { display:none; width:28px; height:112px; background-position:-231px 0 ;position:absolute; top:0; z-index:1; cursor:pointer;}
.show_btn span { display:none;}
.kefu01Content .qqserver p { text-align:center; padding:2px 0; margin:0; vertical-align:middle;}
.kefu01Content .qqserver p img {display: inline; vertical-align:middle;}
.kefu01Content .phoneserver{ text-align:center;}
.kefu01Content .phoneserver h5 { font-family:"Microsoft Yahei"; font-weight:bold; color:#666; font-size:15px;}
.kefu01Content .phoneserver p { padding:2px 0; _height:16px; margin:0;color: #666666;}
.kefu01Content .msgserver { text-align:center; margin-bottom:5px;}
.kefu01Content .msgserver a { background:url(../serviceImg/keFu01.png) no-repeat -5px -145px; padding-left:20px;}
.kefu01Content hr {color:#f4f4f4; height:1px; margin:10px 0; clear:both; }

.keFu01 .kefuContent { width:118px; position:absolute; z-index:2; top:0; right:0;}
.keFu01 .contentTitle { height:33px; background:url(../serviceImg/keFu01.png) no-repeat -100px 0; }
.keFu01 .kefu01Content { border-left:1px solid #1e1824; border-right:1px solid #1e1824; background:#fff;  text-align:center; padding:5px;}
.keFu01 .kefu01Content .qqserver p span { display:none;}
.keFu01 .contentBottom { height:2px; background:#1e1824; overflow:hidden; }
.keFu01 .closeBtn {position:absolute; right:1px; top:2px;}
.keFu01 .closeBtn, .keFu01 .closeBtn a {display:block; overflow:hidden; cursor:pointer; width:24px; height:22px; background:url(../serviceImg/keFu01.png) no-repeat -250px 0; }
.keFu01 .show_btn { width:33px; height:120px; background:url(../serviceImg/keFu01.png) no-repeat 0 0;  }
/*service end*/